<!-- 日报视图界面 -->
<template>
    <div>
        <center>
            <table border=0 cellpadding=10 cellspacing=0 width=500>
                <tr>
                    <td bgcolor=#000000><p align=center><font face=arial size=4><b><font color=#FF0000>H</font><font
                            color=#FF3800>e</font><font color=#FF7100>r</font><font color=#FFAA00>m</font><font color=#FFE200>i</font><font
                            color=#FFFF00>t</font><font color=#C6FF38>信</font><font color=#8DFF71>息</font><font color=#55FFAA>网</font><font
                            color=#1CFFE2>络</font><font color=#55FFAA>科</font><font color=#8DFF71>技</font><font color=#C6FF38>有</font><font
                            color=#FFFF00>限</font><font color=#FFE200>公</font><font color=#FFAA00>司</font><font color=#FF7100></font><font
                            color=#FF3800></font></b></font></p></td>
                </tr>
            </table>
        </center>

        <el-scrollbar style="height:100%">
            <div style="width:100%;height:100%;border:solid;">
                <el-container>
                    <el-aside width="200px">Aside</el-aside>
                    <el-container>
                        <el-header>每日工作信息看板</el-header>
                        <el-main>Main</el-main>
                        >
                        <el-footer>Footer</el-footer>
                    </el-container>
                </el-container>
            </div>
        </el-scrollbar>
    </div>
</template>

<script>

  export default {
    name: "workview",

    data() {
      return {
        value1: null,
      };
    },
    mounted() {
    },
    methods: {}
  }
</script>

<style scoped>
    .el-header, .el-footer {
        background-color: #B3C0D1;
        color: #333;
        text-align: center;
        line-height: 60px;
    }

    .el-aside {
        background-color: #D3DCE6;
        color: #333;
        text-align: center;
        line-height: 200px;
    }

    .el-main {
        background-color: #E9EEF3;
        color: #333;
        text-align: center;
        line-height: 1000px;
    }

    body > .el-container {
        margin-bottom: 40px;
    }

    .el-container:nth-child(5) .el-aside,
    .el-container:nth-child(6) .el-aside {
        line-height: 260px;
    }

    .el-container:nth-child(7) .el-aside {
        line-height: 320px;
    }
</style>